.footer {
    position: fixed;;
    bottom: 0;
    z-index: 2;
}

.lang {
    border-radius: 50%;
    width: 85%;
    height: 85%;
    position: relative;
    left: 8%;
    top: 8%;
}

.langBack{
    background-color:  #373741;
    border-radius: 50%;
    margin: 1vw;
    width: 3vw;
    height: 3vw;
}

.grid {
    display: grid;
    overflow: auto;
    align-items: center;
    justify-items: center;
    grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));
    margin-left: 4%;
    margin-right: 4%;
}

.gridMobile {
    display: grid;
    overflow: auto;
    align-items: center;
    justify-items: center;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    margin-left: 4%;
    margin-right: 4%;
}

.mainBody {
    padding-top: 5%;
}

.projectsMobile {
    background-color: #373741;
    display: flex;
    margin: 1%;
    max-width: 20vw;
    min-width: 10vw;
}

.projects {
    background-color: #373741;
    display: flex;
    margin: 1%;
    max-width: 30vw;
    min-width: 10vw;
}

.infos2 {
    color: #b9b9b9;
    padding: 1% 3% 5% 3%;
    display: flex;
    flex-direction: column;
    font-family: Text;
    text-align: center;
    line-height: 1.3em;
}

.title2 {
    padding-top: 4%;
    padding-bottom: 4%;
    justify-content: center;
    font-size: 1.5vw;
}

.header {
    font-family: Text;
    background-color: #373741;
    display: flex;
    justify-content: space-around;
    font-size: 1.1vw;
    z-index: 2;
}


.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

#slider { 
    overflow: hidden;
    max-height: 70%;
}

#slider figure img { width: 20%; float: left; }
#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 25s slidy infinite; 
}

@keyframes floaty {
0% { padding-top: 1vh }
50% { padding-top: 6vh; }
100% { padding-top: 1vh; }
}

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body {
    background-color: #e1d8cf;
    height: 100%;
    margin: 0px;
}

html {
    font-family: Text;
    color: #373741;
}

a:visited, a:link {
    height: fit-content;
    color: #e1d8cf;
    text-decoration: none;
}

h1 {
    margin: 0px;
}

@font-face {
  font-family: Text;
  src: url(desc.ttf);
}

@media screen and (max-width: 600px) {

    .header {
        font-size: 1.3vh;
    }

    .langBack{
        margin: 1vw;
        width: 10vw;
        height: 10vw;
    }


    .description {
        font-size: 1.4vh;
    }

    .title2 {
        font-size: 2.5vh;
        width: auto;
    }
    
    .gridMobile {
    grid-template-columns: repeat(2,auto);
    }

    .projects{
        max-width: 100vw;
    }

    .projectsMobile {
        max-width: 60vw;
    }

    .grid {
        align-items: center;
        grid-template-columns: auto;
    }

    .mainBody {
        margin-top: 2vh;
        height: 96vh;
    }
}